body {
  color: pink; /* color azul para el texto general */
}

h1 {
  color: purple; /* color verde para el encabezado h1 */
}

body {
    background-color: lightgrey; /* fondo gris claro */
    color: black;                 /* texto azul */
  }
  
  .UNO {
    background-color: black;     
    color: white;               
  }
  
  div.TRES {
    background-color: blue;      
    color: white;                
  }
  
  .UNO1 {
    text-align: center; 
  }
  
  h2 {
    text-align: left;   
  }
  
  h3 {
    text-align: right;  
  }
  
  .justificado {
    text-align: justify; 
  }
  
  p.a {
    text-align: justify;
    text-align-last: right; /* Alinear la última línea a la derecha */
  }
  
  p.b {
    text-align: justify;
    text-align-last: center; /* Alinear la última línea al centro */
  }
  
  p.c {
    text-align: justify;
    text-align-last: justify; /* Justificar completamente la última línea */
  }
  
  body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    padding: 20px;
  }

  
  p.ex1 {
    direction: rtl;              
    unicode-bidi: bidi-override; 
  }
  
  body.UNO {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    padding: 20px;
  }
  

  img.a {
    vertical-align: baseline; /* Línea base (predeterminado) */
  }
  
  img.b {
    vertical-align: text-top; /* Parte superior del texto */
  }
  
  img.c {
    vertical-align: text-bottom; /* Parte inferior del texto */
  }
  
  img.d {
    vertical-align: sub; /* Subíndice */
  }
  
  img.e {
    vertical-align: super; /* Superíndice */
  }
  
  body {
    font-family: Arial, sans-serif;
    line-height: 1.8;
    padding: 20px;
  }

  
  h2 {
    text-decoration: overline; /* Línea arriba del texto */
  }
  
  h3.TRESS {
    text-decoration: line-through; /* Texto tachado */
  }
  
  h4 {
    text-decoration: underline; /* Subrayado */
  }
  
  p.exX {
    text-decoration: overline underline; /* Línea arriba y abajo del texto */
  }
  
 
  
  h2.l1 {
    text-decoration-line: overline;
    text-decoration-color: red; /* Línea roja encima del texto */
  }
  
  h3.l2 {
    text-decoration-line: line-through;
    text-decoration-color: blue; /* Línea azul tachando el texto */
  }
  
  h4.l3 {
    text-decoration-line: underline;
    text-decoration-color: green; /* Línea verde debajo del texto */
  }
  
  p.l5 {
    text-decoration-line: overline underline;
    text-decoration-color: purple; /* Líneas púrpuras arriba y abajo */
  }
  
  
  h2 {
    text-decoration-line: underline;
    text-decoration-style: solid; /* Estilo sólido (por defecto) */
  }
  
  h3 {
    text-decoration-line: underline;
    text-decoration-style: double; /* Línea doble */
  }
  
  h4 {
    text-decoration-line: underline;
    text-decoration-style: dotted; /* Línea punteada */
  }
  
  p.ex11 {
    text-decoration-line: underline;
    text-decoration-style: dashed; /* Línea discontinua */
  }
  
  p.ex22 {
    text-decoration-line: underline;
    text-decoration-style: wavy; /* Línea ondulada */
  }
  
  p.ex33 {
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: red; /* Línea ondulada roja */
  }
  
  p.uppercase {
    text-transform: uppercase; /* Convierte todo a MAYÚSCULAS */
  }
  
  p.lowercase {
    text-transform: lowercase; /* Convierte todo a minúsculas */
  }
  
  p.capitalize {
    text-transform: capitalize; /* Convierte la primera letra de cada palabra a mayúscula */
  }

  p.san {
      text-indent: 50px;
    
  }
  
  h2.en1 {
    letter-spacing: 5px;
  }
  
  h3.en2 {
    letter-spacing: -2px;
  }

  p.pequeno {
    line-height: 0.7;
  }
  
  p.grande {
    line-height: 1.8;
  }

  
  p.amplio {
    word-spacing: 10px;
  }
  
  p.reducido {
    word-spacing: -2px;
  }

  
  p.blan {
    white-space: nowrap;
  }
  

  h1.som {
    text-shadow: 2px 2px;
    color:rgb(1, 2, 19);
  }

  h1.som1 {
    text-shadow: 2px 2px red;
    color: black;
  }
  

  h1.som2 {
    text-shadow: 2px 2px 5px rgb(8, 180, 8);
    color: black;
  }

  h1.som3 {
    color: white;
    text-shadow: 2px 2px 4px #000000;
  }

  h1.som4 {
    text-shadow: 0 0 3px #1100ff;
    color: black;
  }

  h1.som5 {
    text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;
    color: black;
  }
  

  h1.som6 {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  }